import axios from 'axios'
import React, { useState } from 'react'
import PubSub from 'pubsub-js'
export default function Header() {
    const [search, setSearch] = useState('')
    const searchChangeHandle = (e) => {
        setSearch(e.target.value)
    }
    const searchHandle = async () => {
        PubSub.publish('github',{ isInit: false, isSearch: true, data: [] })
        const Result = await axios.get('https://api.github.com/search/users?q=' + search)
        PubSub.publish('github',{ isInit: false, isSearch: false, data: Result.data.items })
    }
    return (
        <section className="jumbotron">
            <h3 className="jumbotron-heading">Search Github Users</h3>
            <div>
                <input type="text" value={search} onChange={searchChangeHandle} placeholder="enter the name you search" />&nbsp;
                <button onClick={searchHandle}>Search</button>
            </div>
        </section>
    )
}
